<div class="login-body">
        <h3 class="back" style="text-align: end; font-size:  2.25rem;" routerLink="/">{{'loginPage.next' | translate}}></h3>
    <!-- <h2>{{'register' | translate}}</h2> -->
    <div class="login-tab lf">
        <span class="no-activitie" routerLink="/login">
            {{'login' | translate}}
        </span>
        <span class="activitie">
            {{'register' | translate}}
        </span>
    </div>

    <div class="login-form-databody white-input" >
        <form [formGroup]="userForm" (ngSubmit)="onSave(userForm)">

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" (blur)='onChenkId()' type="text" placeholder="{{'registerPage.input-nickname' | translate}}"
                        formControlName="loginId" name="loginId" />
                </div>
                <div class="weui-cell__ft" *ngIf='!userForm.controls.loginId.valid && userForm.controls.loginId.dirty'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel" placeholder="{{'registerPage.input-phone' | translate}}"
                        formControlName="mobile" name="mobile"  maxlength='11' />
                </div>
                <div class="weui-cell__ft" *ngIf='!userForm.controls.mobile.valid && userForm.controls.mobile.dirty'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" (blur)='onChenkMail()' type="text" placeholder="{{'registerPage.input-mail' | translate}}"
                        formControlName="email" name="email"  />
                </div>
                <div class="weui-cell__ft" *ngIf='!userForm.controls.email.valid && userForm.controls.email.dirty'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="{{'loginPage.input-imgCode' | translate}}"
                        formControlName="imageCode" name="imageCode"  />
                    </div>
                    <div class="" (click)='onChangImgCode()'>
                        <img class="weui-vcode-img" style="height: 5rem;"
                        src="/api/generateImageVerifyCode.do?imageVerifyCodeId={{imageVerifyCodeId}}&k={{e}}" />
                    </div>
                    <div class="weui-cell__ft" *ngIf='!userForm.controls.imageCode.valid && userForm.controls.imageCode.dirty'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" formControlName="verifyCode" name="verifyCode"
                        placeholder="{{'registerPage.input-mailCode' | translate}}" />
                </div>
                <div class="weui-cell__ft phone-btn">
                    <a (click)='toSendCode()'
                        *ngIf='!sendCodeType'>{{'registerPage.input-mailCode-get' | translate}}</a>
                    <a *ngIf='sendCodeType'>{{sendCodeNum}}{{'registerPage.second' | translate}}</a>
                </div>
                <div class="weui-cell__ft" *ngIf='!userForm.controls.verifyCode.valid && userForm.controls.verifyCode.dirty'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>
            
            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="password" placeholder="{{'loginPage.input-password' | translate}}"
                    formControlName="loginPw" name="loginPw" />
                </div>
                <div class="weui-cell__ft" *ngIf='userForm.errors?.newConfirmPasswordError'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>
            
            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="password"
                    placeholder="{{'registerPage.input-rePassword' | translate}}" formControlName="reLoginPw"
                    name='reLoginPw' />
                </div>
                <div class="weui-cell__ft" *ngIf='userForm.errors?.newConfirmPasswordError'><i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
            </div>

            <div class="register-subbtn">
                <button  weui-button disabled='{{!userForm.valid}}'>{{'register' | translate}}</button>
            </div>
        </form>
    </div>

</div>